<template>
  <div id="exchangeVip">
    <div class="login-head">
      <span style="color: #fff" @click="jumpFn()">
        <van-icon name="arrow-left"
      /></span>
      <span class="login-title">兑换会员</span>
      <span></span>
    </div>
    <p class="welcome">成功兑换后将关联到当前账号:{{ userV }}</p>
    <div class="inp-father">
      <input type="text" placeholder="请输入10位卡号" class="input1" />
      <input type="text" placeholder="请输入6位卡密" class="input2" />
    </div>
    <div class="likai" style="text-align:center;">
      <van-button type="primary">兑换</van-button>
    </div>
    <div class="foot-content">
      <p>--温馨提示---</p>
      <ul>
        <li>新兑换的会员服务，权益以「会员说明」为准。</li>
        <li>月卡:30次减免配送费。</li>
        <li>季卡:60次减免配送费。</li>
        <li>年卡:90次减免配送费。</li>
        <li>
          ＊仅限蜂鸟专送订单，每日最多减免3单，每单最高减免4元（一个月按31天计算）
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: "exchange",

  data() {
    return {
      userV: window.localStorage.getItem("userValue"),
    };
  },
  mounted() {},
  methods: {
    jumpFn() {
      this.$router.push({
        name: "vipCenter",
      });
    },
  },
};
</script>

<style scoped>
.likai button{
  width: 95%;
  margin-top: 10px;
  margin-bottom: 15px;
}
.foot-content ul{
  margin-left: 50px;
  margin-top: 20px;
}
.foot-content p{
  font-size: 15px;
  color: #aaa;
  text-align: center;
}
.foot-content li{
  font-size: 12.5px;
  color: #aaa;
}
.inp-father > input {
  width: 100%;
  border: none;
  outline: none;
  height: 46.88px;
  color: #999;
  font-size: 16px;
  text-indent: 1em;
}
.inp-father > input:nth-child(1) {
  border-bottom: 1px solid #f1f1f1;
}
.login-head {
  width: 100%;
  height: 46.5312px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #0092e8;
}
#exchangeVip {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.login-title {
  color: white;
  position: relative;
  left: -19.9985px;
  font-size: 19.9985px;
}
.welcome {
  width: 100%;
  line-height: 45.9984px;
  height: 45.9984px;
  background-color: #f5f5f5;
  color: #666;
  font-size: 14px;
  box-sizing: border-box;
  padding-left: 10.0011px;
}
</style>